<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="author" content="order by dede58.com"/>
	<title>酸辣土豆丝 - DeathGhost</title>
	<meta name="keywords" content="DeathGhost,DeathGhost.cn,web前端设,移动WebApp开发" />
	<meta name="description" content="DeathGhost.cn::H5 WEB前端设计开发!" />
	<meta name="author" content="DeathGhost"/>
	<link href="/style/style.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="/js/public.js"></script>
	<script type="text/javascript" src="/js/jquery.js"></script>
	<script type="text/javascript" src="/js/jqpublic.js"></script>
	<!--
    Author: DeathGhost
    Author URI: http://www.deathghost.cn
    -->
	<script>
		$(function(){
			$('.title-list li').click(function(){
				var liindex = $('.title-list li').index(this);
				$(this).addClass('on').siblings().removeClass('on');
				$('.menutab-wrap div.menutab').eq(liindex).fadeIn(150).siblings('div.menutab').hide();
				var liWidth = $('.title-list li').width();
				$('.shopcontent .title-list p').stop(false,true).animate({'left' : liindex * liWidth + 'px'},300);
			});

			$('.menutab-wrap .menutab li').hover(function(){
				$(this).css("border-color","#ff6600");
				$(this).find('p > a').css('color','#ff6600');
			},function(){
				$(this).css("border-color","#fafafa");
				$(this).find('p > a').css('color','#666666');
			});
		});
	</script>
</head>
<body>
<header>
	<jsp:include   page="commen/head.jsp" flush="true"/>
</header>
<!--Start content-->
<section class="slp">
	<section class="food-hd">
		<div class="foodpic">
			<img src="${product.image}" id="showimg">
			<ul class="smallpic">
				<li><img src="${product.image}" onmouseover="show(this)" onmouseout="hide()"></li>
			</ul>
		</div>
		<div class="foodtext">
			<div class="foodname_a">
				<h1>${product.pname}</h1>
				<p>${product.addr}</p>
			</div>
			<div class="price_a">
				<p class="price01">促销：￥<span>${product.shopPrice}</span></p>
				<p class="price02">价格：￥<s>${product.marketPrice}</s></p>
			</div>
			<div class="Freight">
				<span>配送费用：</span>
				<span><i>未央区</i>至<i>莲湖区</i></span>
				<span>10.00</span>
			</div>
			<ul class="Tran_infor">
				<li>
					<p class="Numerical">3</p>
					<p>月销量</p>
				</li>
				<li class="line">
					<p class="Numerical">58</p>
					<p>累计评价</p>
				</li>
				<li>
					<p class="Numerical">59</p>
					<p>送幸福积分</p>
				</li>
			</ul>
			<form  action="/cart/add" method="post">
				<input type="hidden" name="productId" value="${product.id}"/>" />

				<div class="BuyNo">
					<span>我要买：<input type="number" name="num" required autofocus min="1" value="1"/>份</span>
					<span>库存：${product.inventory}</span>
					<div class="Buybutton">
						<input name="" type="submit" value="加入购物车" class="BuyB">
						<a href="/store/getById?id=${product.storeId}"><span class="Backhome">进入店铺首页</span></a>
					</div>
				</div>
			</form>
		</div>
		<div class="viewhistory">
			<span class="VHtitle">看了又看</span>
			<ul class="Fsulist">
				<li>
					<a href="detailsp.html" target="_blank" title="酱爆茄子"><img src="/upload/03.jpg"></a>
					<p>酱爆茄子</p>
					<p>￥12.80</p>
				</li>
				<li>
					<a href="detailsp.html" target="_blank" title="酱爆茄子"><img src="/upload/02.jpg"></a>
					<p>酱爆茄子</p>
					<p>￥12.80</p>
				</li>
			</ul>
		</div>
	</section>
	<!--bottom content-->
	<section class="Bcontent">
		<article>
			<div class="shopcontent">
				<div class="title2 cf">
					<ul class="title-list fr cf ">
						<li class="on">详细说明</li>
						<li>评价详情（5）</li>
						<li>成交记录（5）</li>
						<p><b></b></p>
					</ul>
				</div>
				<div class="menutab-wrap">
					<!--case1-->
					<div class="menutab show">
						<div class="cont_padding">
							<img src="${product.image}">
							<p>${product.pdesc}</p>
						</div>
					</div>
					<!--case2-->
					<div class="menutab">
						<div class="cont_padding">
							<table class="Dcomment">
								<th width="80%">评价内容</th>
								<th width="20%" style="text-align:right">评价人</th>
								<tr>
									<td>
										还不错，速度倒是挺速度倒是挺快速度倒是挺快速度倒是挺快速度倒是挺快速度倒是挺快速度倒是挺快速度倒是挺快速度倒是挺快速度倒是挺快速度倒是挺快速度倒是挺快快...
										<time>2016-05-31 22:30:39</time>
									</td>
									<td align="right">DEATHGHOST</td>
								</tr>
							</table>
							<div class="TurnPage">
								<a href="#">
									<span class="Prev"><i></i>首页</span>
								</a>
								<a href="#"><span class="PNumber">1</span></a>
								<a href="#"><span class="PNumber">2</span></a>
								<a href="#">
									<span class="Next">最后一页<i></i></span>
								</a>
							</div>
						</div>
					</div>
					<!--case4-->
					<div class="menutab">
						<div class="cont_padding">

							<table width="888">
								<th width="35%">买家</th>
								<th width="20%">价格</th>
								<th width="15%">数量</th>
								<th width="30%">成交时间</th>
								<tr height="40">
									<td>d***t</td>
									<td>￥59</td>
									<td>1</td>
									<td>2014-9-18 11:13:07</td>
								</tr>
							</table>

						</div>
						<div class="TurnPage">
							<a href="#">
								<span class="Prev"><i></i>首页</span>
							</a>
							<a href="#"><span class="PNumber">1</span></a>
							<a href="#"><span class="PNumber">2</span></a>
							<a href="#">
								<span class="Next">最后一页<i></i></span>
							</a>
						</div>
					</div>
		</article>
		<!--ad&other infor-->
		<aside>
			<!--广告位或推荐位-->
			<a href="#" title="广告位占位图片" target="_blank"><img src="/upload/2014912.jpg"></a>
		</aside>
	</section>
</section>
<!--End content-->
<div class="F-link">
	<span>友情链接：</span>




</div>
<footer>
	<section class="Otherlink">
		<aside>
			<div class="ewm-left">
				<p>手机扫描二维码：</p>
				<img src="/images/Android_ico_d.gif">
				<img src="/images/iphone_ico_d.gif">
			</div>
			<div class="tips">
				<p>客服热线</p>
				<p><i>1830927**73</i></p>
				<p>配送时间</p>
				<p><time>09：00</time>~<time>22:00</time></p>
				<p>网站公告</p>
			</div>
		</aside>
		<section>
			<div>
				<span><i class="i1"></i>配送支付</span>
				<ul>
					<li><a href="article_read.html" target="_blank" title="标题">支付方式</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">配送方式</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">配送效率</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">服务费用</a></li>
				</ul>
			</div>
			<div>
				<span><i class="i2"></i>关于我们</span>
				<ul>
					<li><a href="article_read.html" target="_blank" title="标题">招贤纳士</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">网站介绍</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">配送效率</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">商家加盟</a></li>
				</ul>
			</div>
			<div>
				<span><i class="i3"></i>帮助中心</span>
				<ul>
					<li><a href="article_read.html" target="_blank" title="标题">服务内容</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">服务介绍</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">常见问题</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">网站地图</a></li>
				</ul>
			</div>
		</section>
	</section>
	<div class="copyright">© 版权所有 2020
</footer>
</body>
</html>
